<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="UTF-8">
		<meta name="" content="">
		<title>
			蘑菇街-①购物车
		</title>
		<meta name="" content="">
		<meta name="" content="">
		<meta name="" content="">
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/pkg-base.css" >
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/pkg-shopnav.css" >
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/module-login-dialog.css">
        <script type="text/javascript" src="{{__PUBLIC__}}/jquery-1.8.js"></script>
	
		<script type="text/javascript" src="{{__PUBLIC__}}/hdjs/hdjs.min.js"></script>
	</head>
	<body class="media_screen_1200">
		<!--右侧导航栏 开始-->
		<div style="display: block; right: 0px;" class="mgj_rightbar">
			<!--空的右侧边栏-->
			<div id="mgj_rightbar_top_blank" class="mgj_rightbar_960">
			</div>
			<!--方便定margin的空div-->
			<div id="mgj_rightbar_blank_div">
			</div>
			<!--用户头像-->
			<div class="sidebar-item mgj-my-avatar">
				<a target="_blank" href="" >
					<div class="img">
						<img src="{{__PUBLIC__}}/Home/images/1_ie4gmzlbhfrgentggqzdambqgiyde_50x50.jpg" alt="" height="20" width="20">
					</div>
				</a>
			</div>
			<!--购物车-->
			<div style="left: 0px;" class="sidebar-item mgj-my-cart">
				<a target="_blank" href="" >
					<i class="s-icon">
					</i>
					<div class="s-txt">
						购物车
					</div>
					<div class="num">
					</div>
				</a>
			</div>
			<!--优惠券-->
			<div class="sidebar-item mgj-my-coupon">
				<a target="_blank"  href="">
					<i class="s-icon">
					</i>
					<div class="s-txt">
						优惠券
					</div>
					<div class="num">
					</div>
				</a>
			</div>
			<!--钱包-->
			<div class="sidebar-item mgj-my-wallet">
				<a target="_blank"  href="">
					<i class="s-icon">
					</i>
					<div class="s-txt">
						钱包
					</div>
				</a>
			</div>
			<!--足迹-->
			<div class="sidebar-item mgj-my-browserlog">
				<a target="_blank"  href="">
					<i class="s-icon">
					</i>
					<div class="s-txt">
						足迹
					</div>
				</a>
			</div>
			<div class="sideBottom">
				<!--反馈-->
				<!--回到顶部-->
				<div style="left: 0px;" class="sidebar-item mgj-back2top">
					<a  href="javascript:;">
						<i class="s-icon">
						</i>
					</a>
				</div>
			</div>
		</div>
		<!--右侧导航栏结束-->
		<!--顶部  开始-->
		<div id="header" class="header_2015" >
			<!--顶部-->
			<div class="wrap clearfix">
				<a href="" class="home fl">
					蘑菇街首页
				</a>
				<ul class="header_top">
  <!-- ====================================== -->
					<!-- 如果用户没有登录那就显示登录注册 -->
                {{if value="!Session::has('uid')"}}
                <li class="s1 ">
                    <a  href="{{U('User/register')}}">
                        注册
                    </a>
                </li>
                <li class="s1 ">
                    <a  href="{{U('User/login')}}">
                        登录
                    </a>
                </li>
                {{else}}
                <!-- 如果用户已经登录那就显示用户的信息 -->
                <!-- 登陆之后出现 -->
                <li class="s1 has_icon user_meta haahah">
                    <!-- 用户昵称 -->
                    <a href="javascript:;" >
                        {{$_SESSION['username']}}
                    </a>
                    <!-- 等级 -->
                    <a target="_blank" href="" >
                        <span class="level level0">
                        </span>
                    </a>
                    <i class="icon_delta">
                    </i>
                    <ol id="menu_personal" class="ext_mode">
                        <li class="s2">
                            <a href=""  target="_blank" >
                                个人设置
                            </a>
                        </li>
                        <li class="s2">
                            <a href=""  target="_blank" >
                                账号绑定
                            </a>
                        </li>
                        <!-- 退出登录 -->
                        <li class="s2">
                            <a href="{{U('User/out')}}"  >
                                退出
                            </a>
                        </li>
                    </ol>
                </li>
 <!-- ============================================== -->
					<!--消息中心-->
					<li class="s1 has_line message_center">
						<a  href="javascript:;" class="ext_module mogutalk_btn J_msg open_msg micon __trace__" >
							消息
							<span class="num m_num">
							</span>
						</a>
					</li>
					<!--我的收藏-->
					<li class="s1 has_icon has_line user_fav ">
						<a  href="javascript:;">
							我的收藏
						</a>
						<i class="icon_delta">
						</i>
						<ul class="ext_mode">
							<li class="s2">
								<a target="_blank"  href="">
									喜欢的商品
								</a>
							</li>
							<li class="s2">
								<a target="_blank"  href="">
									收藏的小店
								</a>
							</li>
							<li class="s2">
								<a target="_blank"  href="">
									浏览足迹
								</a>
							</li>
						</ul>
					</li>
                    {{endif}}
					<!--我的订单-->
					<li class="s1 myorder has_line">
						<a href="" target="_blank" class="text display_u" ref="nofollow">
							我的订单
						</a>
					</li>
					<!--我的购物车-->
					<li id="gouwuche" class="s1 has_line shopping_cart_v2">
						<a  class="cart_info_wrap" href="" target="_blank" ref="nofollow">
							<span class="cart_info">购物车<b class="num">0</b>件</span>
						</a>
						<i class="icon_delta">
						</i>
						<!--如果是空的那就显示空的-->
						<div class="gouwuche-down" >
							快来添加你喜欢的宝贝吧！！
						</div>
					</li>
					<!--客户服务-->
					<li class="s1 has_line has_icon custom_item">
						<a  href="" ref="nofollow" target="_blank">
							客户服务
						</a>
						<i class="icon_delta">
						</i>
						<ol class="ext_mode">
							<li class="s2">
								<a target="_blank"  href="">
									联系合作
								</a>
							</li>
							<li class="s2">
								<a  href="" target="_blank">
									帮助
								</a>
							</li>
						</ol>
					</li>
					<!--我的小店-->
					<li class="s1 has_line myxiaodian">
						<a href="" ref="nofollow" target="_blank" class="text display_u">
							我的小店
						</a>
					</li>
					<!---->
				</ul>
			</div>
		</div>
		<!--顶部结束-->
		<div id="body_wrap">
			<div class="g-header clearfix">
				<div class="g-header-in wrap clearfix">
					<div class="process-bar">
						<div class="md_process md_process_len4">
							<!--操作流程-->
							<div class="md_process_wrap md_process_step1_5">
								<div class="md_process_sd">
								</div>
								<!--流程-->
								<!--第一步--购物车-->
								<i class="md_process_i md_process_i1">
									1
									<span class="md_process_tip">购物车</span>
								</i>
								<!--第二步--确认订单-->
								<i class="md_process_i md_process_i2">
									2
									<span class="md_process_tip">确认订单</span>
								</i>
								<!--第三步--支付-->
								<i class="md_process_i md_process_i3">
									3
									<span class="md_process_tip">支付</span>
								</i>
								<!--第四步--完成-->
								<i class="md_process_i md_process_i4">
									<img src="{{__PUBLIC__}}/Home/images/right.png" alt="" height="23" width="23">
									<span class="md_process_tip">完成</span>
								</i>
							</div>
							<!--操作流程结束-->
						</div>
					</div>
					<!--蘑菇街logo-->
					<a title="蘑菇街|我的买手街" href="" target="_blank">
						<div class="logo logo-cart">
						</div>
					</a>
					<!---->
				</div>

			</div>
			                                    <!--数量-->
<!-- 商品数量加减 -->
<script type="text/javascript">

$(function() {


    $('.cart_num_reduce').live('click',function() {
        var num = $(this).siblings('.cart_num_input').val();
        // alert(num);
        num = Number(num);
        // 将this存一个变量
        This=$(this);
        if (num <= 1) {
            num = 1;
            $(this).siblings('.cart_num_input').val(num);
            $(this).addClass('disable');
        } else {
            num--;
            $(this).siblings('.cart_num_input').val(num);
            num=$(this).siblings('.cart_num_input').val();
            sid=$(this).siblings('.sid').val();
             // 发送异步请求
        	$.ajax({
        	// 发送地址
        	url: '{{U('Cart/updateCart')}}',
        	// 发送的数据类型
        	type:'post',
        	// 返回的数据类型
        	dataType: 'json',
        	// 发送的数据
        	data: {num:num,sid:sid},
        	success:function(data){
        		// 商品总计
        		$('.goodsSum').html(data.totalPrice);
        		// 商品总数量
        		$('.goodsNum').html(data.totalNums);
        		// 商品小计【先找当前元素的祖先元素然后找他的兄弟元素sub_total】
        		This.parents('td').siblings('.sub').find('.sub_total').html(data.sub_total);
        	}
        })
            
            

        }
    })

    $('.cart_num_add').live('click',function() {
    

    		// 获取input的value值
        var num = $(this).siblings('.cart_num_input').val();
        num++;
        // num = Number(num);
        // 当点击之后获取新的值
        $(this).siblings('.cart_num_input').val(num);
         // 获取他的兄弟元素的input的value值
        num1=$(this).siblings('.cart_num_input').val();
        // 抓取他的兄弟元素隐藏域的货品sid
        sid=$(this).siblings('.sid').val();
        var _this = $(this);
        // 发送异步请求
        $.ajax({
        	// 发送地址
        	url: '{{U('Cart/updateCart')}}',
        	// 发送的数据类型
        	type:'post',
        	// 返回的数据类型
        	dataType: 'json',
        	// 发送的数据
        	data: {num:num,sid:sid},
        	success:function(data){
        		$('.goodsSum').html(data.totalPrice);
        		$('.goodsNum').html(data.totalNums);
        		
        		_this.parents('td').siblings('.sub').find('.sub_total').html(data.sub_total);
        	}
        })

        	
        $('.cart_num_reduce').removeClass('disable');
    })
})
</script>
             

            <!-- 如果购物车有货品那就显示货品列表，，如果没有那就显示空购物车 -->
            {{if value="$cartData['goods']"}}
			<div class="g-wrap wrap">
				<ul class="clearfix cart_slide pb20" id="cartSlide">
					<li>
						<a href="javascript:;" class="mr10 cart_slide_item cartSlideItemAll cart_slide_item_cur">
							全部商品 (<span class="num goodsNum">{{$cartData['total_rows']}}</span>)
						</a>
					</li>
					<li class="cartslide-line">
						|
					</li>
					<li>
						<a href="javascript:;" class="mr10 cart_slide_item cartSlideItemCut cart_disablepointer">
							优惠 (<span class="num">0</span>)
						</a>
					</li>
					<li class="cartslide-line">
						|
					</li>
					<li>
						<a href="javascript:;" class="mr10 cart_slide_item cartSlideItemLess cart_disablepointer">
							库存紧张 (<span class="num">0</span>)
						</a>
					</li>
				</ul>
				<div class="cart_wrap cart_nobdbtm">
					<div class="cart_page_wrap" id="cartPage">
						
						<table class="cart_table" id="cartOrderTable">
							<thead>
								<tr>
									<th class="cart_table_check_wrap cart_alleft pl10">
										<input name="s_all" class="s_all tr_checkmr" id="s_all_h" type="checkbox">
										<label for="javascript:hd_select_all('.code')">全选</label>
									</th>
									<th class="cart_table_goods_wrap">
										商品
									</th>
									<th class="cart_table_goodsinfo_wrap">
										商品信息
									</th>
									<th>
										单价(元)
									</th>
									<th class="cart_table_goodsnum_wrap">
										数量
									</th>
									<th class="cart_table_goodssum_wrap">
										小计(元)
									</th>
									<th class="cart_table_goodsctrl_wrap">
										操作
									</th>
								</tr>
							</thead>
							<tbody>
								
                                {{foreach from="$cartData['goods']" key="$k" value="$field"}}
								<tr class="cart_mitem">
									<!-- ============================================= -->
									<td class="vm">
										<input class="cart_thcheck" checked="" type="checkbox">
									</td>
									<td class="cart_table_goods_wrap">
										<!-- 商品图片 -->
										<a href="" target="_blank" class="cart_goods_img">
											<img class="cartImgTip" src="{{__ROOT__}}/{{$field['cartImg']}}" alt="" height="78" width="78">
										</a><br>
										<!--商品名称 -->
										<a href="" target="_blank" class="cart_goods_t cart_hoverline">
											{{$field['name']}}
										</a>
									</td>
									<!-- 商品信息【颜色，尺寸】 -->
                                    
									<td style="width:100"><br>
									{{foreach from="$field['options']" value="$v"}}
                                    {{foreach from="$v" key="$kk" value="$vv"}}
										<p class="cart_lh20" >
											{{$kk}}：{{$vv}}
										</p>
                                    {{endforeach}}
									 {{endforeach}}
									</td>
                                   
									<!-- 单价 -->
                                    <br>
									<td class="cart_alcenter"><br>
									<!-- 市场价 -->
										<p class="cart_lh20 cart_throughline cart_lightgray">
											{{$field['marketPrice']}}
										</p>
										<!-- 现价 -->
										<p class="cart_lh20 cart_bold cart_data_sprice" >
											{{$field['price']}}
										</p>
									</td>
							<!-- ========================= -->
                       <!-- ========================== -->

									<td class="cart_alcenter">
                                    <br>
										<div class="cart_num cart_counter" >
										<!-- 商品数量 -->
											<input class="cart_num_input cart_bold" disabled="" name="number"  value="{{$field['num']}}" type="text">
											<!--【+】-->
											<span class="cart_num_add">
											</span>
											<!-- 将购物车货品信息的sid放到隐藏域方便js抓取 -->
											<input type="hidden" class="sid" name="sid" value="{{$k}}">
											<!--【—】-->
											<span class="cart_num_reduce ">
											</span>
										</div>
									</td>
									<!-- 商品价格小计 -->
									<td class="cart_alcenter sub" >
                                    <br>
										<p class="cart_deep_red cart_font16 sub_total">
											{{$field['total']}}
										</p>
									</td>
									<!-- 操作 -->
									<td class="cart_alcenter">
                                    <br>
										<a href="javascript:;" onclick="if(confirm('确定删除吗？？')) location.href='{{U('Cart/del',array('goodsId'=>$k))}}'"  class="cart_hoverline delete">
											删除
										</a>
									</td>
								</tr>
                                {{endforeach}}
							</tbody>
						</table>
						<!-- 表格 结束 -->
					</div>
                    {{else}}
					<!--如果购物车是空的时候显示-->
					<div class="cart_page_wrap" id="cartEmptyPage" style="display:block;">
						<div class="cart_empty">
							<div class="cart_empty_icon" style="position: absolute;left:570px;">
							</div>
							<h5 class="mb20">
								您的购物车还是空的，赶快去挑选商品吧！
							</h5>
							<ul class="cart_empty_list">
								<li>
									去看看大家都喜欢的
									<a href="{{U('List/index')}}" class="cart_red cart_uline">
										潮流单品
									</a>
								</li>
								<li>
									去看看正在折扣中的优品
									<a href="{{U('List/index')}}" class="cart_red cart_uline">
										冬季新品
									</a>
								</li>
							</ul>
						</div>
					</div>
                    {{endif}}
					<!--================-->
				</div>
				<div class="cart_paybar wrap" id="cartPaybar">
					<a href="{{U('Order/index')}}" class="cart_paybtn fr cart_paybtn_disable" id="payBtn">
						去付款
					</a>
                    <!-- 总价格 -->
			<span class="cart_paybar_info_cost cart_deep_red cart_bold cart_font26 cart_money fr goodsSum">¥{{$cartData['total']}}</span>
                    <!-- 物品总件数 -->
					<div class="cart_paybar_info cart_pregray fr">
						共有 <span class="cart_deep_red goodsNum">{{$cartData['total_rows']}}</span> 件商品，总计：
					</div>

					<!--全部选中删除-->
					<div class="cart_paybar_vmbox">
						<input name="s_all" class="s_all_slave cart_vm" id="s_all_f" type="checkbox">
						<label for="s_all_f" class="mr10">全选</label>
						<a href="javascript:;"  class="mr10 cart_uline cart_pregray" id="cartRemoveChecked">
							删除
						</a>
						<a href="javascript:;" class="mr10 cart_uline cart_pregray" id="cartRemoveUnuse">
							清空失效商品
						</a>
					</div>
                    <!-- ================== -->
				</div>
				
			</div>
		</div>
		<!--==================底部==============-->
		<div class="g-footer">
			<p title="mofa8023">
				<a href="" target="_blank">
					蘑菇街
				</a> |
				<a href="" target="_blank">
					加入开放平台
				</a>
				© 2015 Mogujie.com,All Rights Reserved.
			</p>
			<div class="icons">
				<a class="vs" href="javascript:;">
				</a>
				<a class="mc" href="javascript:;">
				</a>
				<a class="up" href="javascript:;">
				</a>
				<a class="pa" href="" target="_blank">
				</a>
				<a class="kx" href="" target="_blank">
				</a>
				<a class="pc" href="" target="_blank">
				</a>
			</div>
		</div>
		
		<input id="ptp-woodpecker-meta" site="1" type="hidden">
		<div style="width: auto; left: 263.5px; top: 281.2px; z-index: auto; display: none;" class="widget_mtip_box mtip_right">
			<div class="widget_mtip_line">
				<div class="cart_imgtip_wrap">
					<img src="{{__PUBLIC__}}/Home/images/1h41ll_ie4demrshe3wmylegqzdambqgiyde_640x961.jpg" width="240">
				</div>
			</div>
			<i style="display: block; left: 0px; right: auto; top: 42px; bottom: auto;" class="widget_mtip_ang widget_mtip_a">
			</i>
			<i style="display: block; left: 0px; right: auto; top: 42px; bottom: auto;" class="widget_mtip_shadow widget_mtip_a">
			</i>
			<a style="display: none;" href="javascript:;" class="widget_mtip_close">
				×
			</a>
		</div>
	</body>
</html>